import React from 'react';
import './index.less'
import { Swiper, Image,Rate} from 'react-vant';
import {history} from 'umi'

const Pingjia = () => {
    let list1 = [
        { id: 'p1', img: 'https://img2.baidu.com/it/u=291987398,3598635560&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500', phone: '133****1237', num: 5, content: '蔬菜很新鲜，很满意的一次购物', children: [{ id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' },] },
        { id: 'p12', img: 'https://img2.baidu.com/it/u=291987398,3598635560&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500', phone: '133****1237', num: 5, content: '蔬菜很新鲜，很满意的一次购物', children: [{ id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' },] },
        { id: 'p3', img: 'https://img2.baidu.com/it/u=291987398,3598635560&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500', phone: '133****1237', num: 5, content: '蔬菜很新鲜，很满意的一次购物', children: [{ id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' },] },
        { id: 'p4', img: 'https://img2.baidu.com/it/u=291987398,3598635560&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500', phone: '133****1237', num: 5, content: '蔬菜很新鲜，很满意的一次购物', children: [{ id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' },] },
        { id: 'p5', img: 'https://img2.baidu.com/it/u=291987398,3598635560&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500', phone: '133****1237', num: 5, content: '蔬菜很新鲜，很满意的一次购物', children: [{ id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' },] },
        { id: 'p6', img: 'https://img2.baidu.com/it/u=291987398,3598635560&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500', phone: '133****1237', num: 5, content: '蔬菜很新鲜，很满意的一次购物', children: [{ id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' },] },
        { id: 'p7', img: 'https://img2.baidu.com/it/u=291987398,3598635560&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500', phone: '133****1237', num: 5, content: '蔬菜很新鲜，很满意的一次购物', children: [{ id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' },] },
        { id: 'p8', img: 'https://img2.baidu.com/it/u=291987398,3598635560&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500', phone: '133****1237', num: 5, content: '蔬菜很新鲜，很满意的一次购物', children: [{ id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' },] },
        { id: 'p1', img: 'https://img2.baidu.com/it/u=291987398,3598635560&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500', phone: '133****1237', num: 5, content: '蔬菜很新鲜，很满意的一次购物', children: [{ id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' }, { id: 'i1', imgs: 'https://img2.baidu.com/it/u=117877854,2118602187&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500' },] },
    ]
    return <div className='pingjiaBox'>
        <div className='headB'>
            <img onClick={()=>history.push('/xiangqing')} src={require('../../../../public/wzcimg/向左箭头.svg')} alt="" />
            <span>商品评价（200）</span>
        </div>
        <div className='bb'>
            {
                list1.map(item => {
                    return <div className='imgBox' key={item.id}>
                            <div className='head'>
                                <div className='div1'><img src={item.img} alt="" /></div>
                                <div className='div2'>
                                    <p>{item.phone}</p>
                                    <p className='p1'><Rate value={item.num} size={'4vw'} /></p>
                                </div>
                            </div>
                            <p className='p2'>{item.content}</p>
                            <div className='pingpu'>
                                {
                                    item.children.map(item1=>{
                                        return <img src={item1.imgs} key={item1.id} alt="" />
                                    })
                                }
                            </div>
                            <p className='p3'>菠菜 500g 2023-02-21 19:24</p>
                    </div>
                })
            }
        </div>
    </div>;
}


export default Pingjia;